<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>SpaceMax | Multi Purpose HTML Template</title>

<link rel="icon" type="image/png" sizes="32x32" href="favicon.png">

<link href="fonts/sfuidisplay.css" rel="stylesheet">

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css">

<link rel="stylesheet" href="css/plugins.min.css">

<link rel="stylesheet" href="css/app.css">

<link rel="stylesheet" href="css/custom.css">
</head>
<body class="theme-gradient-1" data-spy="scroll" data-target="#navbar-nav" data-animation="false" data-appearance="dark">

<div class="switcher">
<div class="switcher__toggler d-flex flex-column align-items-center justify-content-center">
<button class="toggler__btn mb-1">
<img src="demo-assets/settings.png" alt="settings">
</button>
</div>
<div class="switcher-wrapper">

<div class="switcher-colors switcher-clone">
<h4 class="switcher__item-title">Change the color style</h4>
<ul class="switcher-tab">
<li class="switcher-tab__item">
<button class="tab-color">Solid Colors</button>
</li>
<li class="switcher-tab__item">
<button class="tab-gradient active">Gradient Colors</button>
</li>
</ul>
<div class="switcher-tab-content switcher-tab__color">
<ul class="switcher-color tab-color-clone">
<li>
<button data-theme="theme-royal-blue" class="controller theme-royal-blue"></button>
</li>
<li>
<button data-theme="theme-blue" class="controller theme-blue"></button>
</li>
<li>
<button data-theme="theme-amethyst" class="controller theme-amethyst"></button>
</li>
<li>
<button data-theme="theme-roman" class="controller theme-roman"></button>
</li>
<li>
<button data-theme="theme-amaranth" class="controller theme-amaranth"></button>
</li>
<li>
<button data-theme="theme-orange" class="controller theme-orange"></button>
</li>
<li>
<button data-theme="theme-green" class="controller theme-green"></button>
</li>
<li>
<button data-theme="theme-fern" class="controller theme-fern"></button>
</li>
</ul>
<ul class="switcher-gradient tab-color-clone active">
<li>
<button data-theme="theme-gradient-1" class="controller bg-gradient--1 active"></button>
</li>
<li>
<button data-theme="theme-gradient-2" class="controller bg-gradient--2"></button>
</li>
<li>
<button data-theme="theme-gradient-3" class="controller bg-gradient--3"></button>
</li>
<li>
<button data-theme="theme-gradient-4" class="controller bg-gradient--4"></button>
</li>
<li>
 <button data-theme="theme-gradient-5" class="controller bg-gradient--5"></button>
</li>
<li>
<button data-theme="theme-gradient-6" class="controller bg-gradient--6"></button>
</li>
<li>
<button data-theme="theme-gradient-7" class="controller bg-gradient--7"></button>
</li>
<li>
<button data-theme="theme-gradient-8" class="controller bg-gradient--8"></button>
</li>
</ul>
</div>
</div>


<div class="canvas-style switcher-clone">
<h4 class="switcher__item-title">Canvas style</h4>
<ul class="switcher-tab">
<li class="switcher-tab__item">
<button class="tab-full active">Full </button>
</li>
<li class="switcher-tab__item">
<button class="tab-boxed">Boxed</button>
</li>
</ul>
<div class="switcher-tab-content switcher-tab__pattern">
<ul class="switcher-boxed">
<li>
<button data-theme="circle-pattern" class="pcontroller circle-pattern">
<img class="media__content" src="img/patterns/circle-pattern.png" alt="">
</button>
</li>
<li>
<button data-theme="circles-light" class="pcontroller circles-light">
<img class="media__content" src="img/patterns/circles-light.png" alt="">
</button>
</li>
<li>
<button data-theme="leaf-pattern" class="pcontroller leaf-pattern">
<img class="media__content" src="img/patterns/leaf-pattern.png" alt="">
</button>
</li>
<li>
<button data-theme="memphis-colorful" class="pcontroller memphis-colorful">
<img class="media__content" src="img/patterns/memphis-colorful.png" alt="">
</button>
</li>
<li>
<button data-theme="round-pattern" class="pcontroller round-pattern">
<img class="media__content" src="img/patterns/round-pattern.png" alt="">
</button>
</li>
<li>
<button data-theme="spiration-light" class="pcontroller spiration-light">
<img class="media__content" src="img/patterns/spiration-light.png" alt="">
</button>
</li>
<li>
<button data-theme="swirl-pattern" class="pcontroller swirl-pattern">
<img class="media__content" src="img/patterns/swirl-pattern.png" alt="">
</button>
</li>
<li>
<button data-theme="tic-tac-toe" class="pcontroller tic-tac-toe">
<img class="media__content" src="img/patterns/tic-tac-toe.png" alt="">
</button>
</li>
<li>
<button data-theme="x-pattern" class="pcontroller x-pattern">
<img class="media__content" src="img/patterns/x-pattern.png" alt="">
</button>
</li>
<li>
<button data-theme="hexagon" class="pcontroller hexagon">
<img class="media__content" src="img/patterns/hexagon.png" alt="">
</button>
</li>
<li>
<button data-theme="curls" class="pcontroller curls">
<img class="media__content" src="img/patterns/curls.png" alt="">
</button>
</li>
<li>
<button data-theme="darkness" class="pcontroller darkness">
<img class="media__content" src="img/patterns/darkness.png" alt="">
</button>
</li>
<li>
<button data-theme="spiration-dark" class="pcontroller spiration-dark">
<img class="media__content" src="img/patterns/spiration-dark.png" alt="">
</button>
</li>
<li>
<button data-theme="zig-zag-wool" class="pcontroller zig-zag-wool">
<img class="media__content" src="img/patterns/zig-zag-wool.png" alt="">
</button>
</li>
</ul>
</div>
</div>


<div class="theme-variation switcher-clone">
<h4 class="switcher__item-title">Landing Pages</h4>
<div class="switcher-tab-content switcher-tab__variation">
<div class="demo-item">
<a href="index.html"><img src="demo-assets/home-1.png" alt="image">
<span>
<i class="fas fa-check"></i>
</span>
</a>
</div>

<div class="demo-item">
<a href="home-2.html"><img src="demo-assets/home-2.png" alt="image">
<span>
<i class="fas fa-check"></i>
</span>
</a>
</div>

<div class="demo-item">
<a href="home-3.html"><img src="demo-assets/home-3.png" alt="image">
<span>
<i class="fas fa-check"></i>
</span>
</a>
</div>

<div class="demo-item">
<a href="home-4.html"><img src="demo-assets/home-4.png" alt="image">
<span>
<i class="fas fa-check"></i>
</span>
</a>
</div>

<div class="demo-item">
<a href="home-5.html"><img src="demo-assets/home-5.png" alt="image">
<span>
<i class="fas fa-check"></i>
</span>
</a>
</div>

<div class="demo-item">
<a href="home-6.html"><img src="demo-assets/home-6.png" alt="image">
<span>
<i class="fas fa-check"></i>
</span>
</a>
</div>

<div class="demo-item active">
<a href="home-7.html"><img src="demo-assets/home-7.png" alt="image">
<span>
<i class="fas fa-check"></i>
</span>
</a>
</div>

</div>
</div>

</div>
</div>


<div class="preloader">
<div class="wrapper">
<div class="blobs">
<div class="blob-center"></div>
<div class="blob"></div>
<div class="blob"></div>
<div class="blob"></div>
<div class="blob"></div>
<div class="blob"></div>
<div class="blob"></div>
</div>
<div>
<div class="loader-canvas canvas-left"></div>
<div class="loader-canvas canvas-right"></div>
</div>
</div>
</div>

<main class="main">

<header class="navbar navbar-sticky sticky-bg-color--dark navbar-expand-lg navbar-dark">
<div class="container-fluid position-relative">
<a class="navbar-brand" href="index.html">
<img class="navbar-brand__regular" src="img/brand-logo-white.png" alt="brand-logo">
<img class="navbar-brand__sticky" src="img/brand-logo-white.png" alt="sticky brand-logo">
</a>

<button class="navbar-toggler d-lg-none" type="button" data-toggle="navbarToggler" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>

<div class="navbar-inner">

<button class="navbar-toggler d-lg-none" type="button" data-toggle="navbarToggler" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>

<nav>
<ul class="navbar-nav" id="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="#working-process">How it works</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#token-sale-details">Token details</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#roadmap">Roadmap</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#team">Team</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#documents">Documents</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#faq">FAQ</a>
</li>
</ul>

</nav>
</div>
<div class="d-flex align-items-center ml-lg-1 ml-xl-2 mr-5 mr-sm-6 m-lg-0">
<a href="#" class="color--primary font-w--600 mr-2 d-none d-sm-inline-block">Login</a>
<a href="#" class="btn btn-size--md btn-bg--primary rounded--full btn-hover--3d btn-hover--splash">
<span class="btn__text d-flex align-items-center">
<i class="icon icon-a-add color--white pr-1 h6-font font-w--700"></i>
Sign up
</span>
</a>
<div class="dropdown-module dropdown-module--dark d-inline-block position-relative ml-1 ml-sm-2">
<button class="dropdown-module__toggler" type="button">
<span class="flag-image">
<img src="img/flag/uk.svg" alt="flag" class="svg">
</span>
</button>

<ul class="dropdown-module-list">
<li>
<a class="dropdown-module__item d-flex align-items-center" href="#">
<span class="flag-image mr-2"><img src="img/flag/uk.svg" alt="flag" class="svg"></span>English</a>
</li>
<li>
<a class="dropdown-module__item d-flex align-items-center" href="#">
<span class="flag-image mr-2"><img src="img/flag/spain.svg" alt="flag" class="svg"></span>Español</a>
</li>
<li>
<a class="dropdown-module__item d-flex align-items-center" href="#">
<span class="flag-image mr-2"><img src="img/flag/russia.svg" alt="flag" class="svg"></span>Русский</a>
</li>
<li>
<a class="dropdown-module__item d-flex align-items-center" href="#">
<span class="flag-image mr-2"><img src="img/flag/turkey.svg" alt="flag" class="svg"></span>Türk</a>
</li>
</ul>

</div>

</div>

</div>

</header>


<section class="hero hero--v3 section--dark bg-color--dark--1 d-flex align-items-center hidden">
<div class="background-holder background--move z-index1">
<img src="img/layout/bg-overlay-06.svg" alt="image" class="background-image-holder">
</div>
<div class="container">
<div class="row">
<div class="col-12 col-md-10 col-lg-8 px-lg-0 mx-auto mb-3 mb-lg-0 mt-8 mt-lg-0 text-center z-index2">
<div class="hero-content">
<h1 class="hero__title h2-font mb-2">Building solutions for inheritance, asset distribution and asset control!
</h1>
<p class="hero__description font-size--20 mb-3 mb-lg-5 mb-md-6">By using Blockchain technology, we aim to get making service faster and cheaper. For more information, you can read the whitepaper.</p>
<a href="#" class="btn btn-bg--cta--1 rounded--full btn-hover--3d btn-hover--splash mb-2">
<span class="btn__text">Contribute Now</span>
</a>
<p class="color--white font-w--600"><span class="color--primary">15% OFF</span> only in October</p>
</div>

</div>

<div class="col-12 col-md-1 mr-md-3 text-center icon-group--sticky">
<ul class="icon-group icon-group--vertical rounded--full rounded--full justify-content-center">
<li><a href="#" class="color--primary"><i class="fab fa-facebook-f"></i></a></li>
 <li><a href="#" class="color--primary"><i class="fab fa-telegram-plane"></i></a></li>
<li><a href="#" class="color--primary"><i class="fab fa-linkedin-in"></i></a></li>
<li><a href="#" class="color--primary"><i class="fab fa-twitter"></i></a></li>
<li><a href="#" class="color--primary"><i class="fab fa-medium-m"></i></a></li>
<li><a href="#" class="color--primary"><i class="fab fa-bitcoin"></i></a></li>
<li><a href="#" class="color--primary"><i class="fab fa-youtube"></i></a></li>
</ul>
</div>

</div>

</div>
</section>


<section class="ico-progress ico-progress--v2 section--dark bg-color--dark--1">
<div class="container">
<div class="row">
<div class="col-12 col-xl-10 mx-auto text-md-center">
<div class="bg-color--dark--2 rounded--10 mb-2">
<div class="d-sm-flex justify-content-sm-between p-3 border--bottom mb-8">
<div class="ico-progress__text text-center text-sm-left mb-1 mb-sm-0">
<span class="body-font text-color--400">Raised funds</span>
<p class="color--primary font-size--24 font-w--700">7.5M ICT</p>
</div>
<div class="ico-progress__text text-center mb-1 mb-sm-0">
<span class="body-font text-color--400">Token Distributed</span>
<p class="color--primary font-size--24 font-w--700">156.45</p>
</div>
<div class="ico-progress__text text-center text-sm-right">
<span class="body-font text-color--400">Total USD Rised</span>
<p class="color--primary font-size--24 font-w--700">$6.000.000</p>
</div>
</div>

<div class="position-relative pt-3">
<div class="d-flex">
<div class="ico-progress__stages jsElement" data-left="10">
<span class="body-font font-w--300">Soft cap</span>
<p class="color--white font-w--700 text-left">3,000 <span class="font-w--500">ETH</span></p>
</div>
<div class="ico-progress__stages jsElement" data-left="80">
<span class="body-font color--white font-w--300">Hard cap</span>
<p class="color--white font-w--700">20,000<span class="font-w--500">ETH</span></p>
</div>
</div>
<div class="ico-progress-bar rounded--full d-flex align-items-center mb-2">
<div class="ico-progress-bar__inner rounded--full bg-color--primary jsElement" data-progress-horizon="35"></div>
</div>
</div>
</div>

<div class="bg-color--dark--2 rounded--10 pr-lg-3 d-md-inline-block d-lg-block">
<div class="pricing-info d-lg-flex align-items-center justify-content-between">
<div class="d-md-flex align-items-center justify-content-md-center justify-content-lg-start text-center text-md-left mb-md-2 mb-lg-0">
<div class="pricing-info-item pricing-info-item--active mr-md-4">
<span class="text-color--400 text-color--400">Current Price</span>
<p class="font-size--20 font-w--700">0.00065 <span class="font-w--500">ETH</span></p>
<span class="discount h6-font">15% OFF</span>
</div>

<div class="pricing-info-item">
<span class="text-color--400 text-color--400">Next Price</span>
<p class="font-size--20 font-w--700">0.00070 <span class="font-w--500">ETH</span></p>
<span class="discount h6-font">15% OFF</span>
</div>

</div>

<div class="text-center text-lg-left pb-2 pb-lg-0 px-3">
<ul class="countdown d-flex justify-content-center justify-content-lg-start text-left" id="date" data-date="Sep 30, 2019">
<li class="d-flex flex-column mr-2 mr-sm-3">
<span class="countdown__count color--white opacity--80 font-size--30 font-w--600" id="days"></span>
<span class="text-color--400">Days</span>
</li>
<li class="d-flex flex-column mr-2 mr-sm-3">
<span class="countdown__count color--white opacity--80 font-size--30 font-w--600" id="hours"></span>
<span class="text-color--400">Hours</span>
</li>
<li class="d-flex flex-column mr-2 mr-sm-3">
<span class="countdown__count color--white opacity--80 font-size--30 font-w--600" id="minutes"></span>
<span class="text-color--400">Minutes</span>
</li>
<li class="d-flex flex-column">
<span class="countdown__count color--white opacity--80 font-size--30 font-w--600" id="seconds"></span>
<span class="text-color--400">Seconds</span>
</li>
</ul>
</div>

</div>
</div>

</div>
</div>

</div>
</section>


<section class="pt-4 pb-5 pb-lg-10 section--dark bg-color--dark--1 border--bottom">
<div class="container">
<div class="row">
<div class="col-12 text-center mb-4">
<p>You can purchase Bitbons through services:</p>
</div>
</div>

<div class="row">
<div class="col-12 col-lg-10 mx-auto">
<div class="logo-group">
<span class="logo-group__image">
<img src="img/payment-mehtod-1.png" alt="payment-mehtod-logo" class="img-fluid">
 </span>
<span class="logo-group__image">
<img src="img/payment-mehtod-2.png" alt="payment-mehtod-logo" class="img-fluid">
</span>
<span class="logo-group__image">
<img src="img/payment-mehtod-3.png" alt="payment-mehtod-logo" class="img-fluid">
</span>
<span class="logo-group__image">
<img src="img/payment-mehtod-4.png" alt="payment-mehtod-logo" class="img-fluid">
</span>
<span class="logo-group__image">
<img src="img/payment-mehtod-5.png" alt="payment-mehtod-logo" class="img-fluid">
</span>
<span class="logo-group__image">
<img src="img/payment-mehtod-6.png" alt="payment-mehtod-logo" class="img-fluid">
</span>
<span class="logo-group__image">
<img src="img/payment-mehtod-7.png" alt="payment-mehtod-logo" class="img-fluid">
</span>
</div>
</div>
</div>

</div>
</section>


<section class="space--top pb-5 pb-lg-10 about about--v3 section--dark bg-color--dark--1" id="about">
<div class="container">
<div class="row align-items-center flex-column-reverse flex-lg-row text-center text-lg-left mb-10">

<div class="col-12 col-lg-7 col-xl-6">
<div class="text-center text-lg-left reveal">
<h2 class="h3-font mb-3">SpaceMax is the future <br> Be part of the revolution!</h2>
<h3 class="h5-font text-color--300 mb-3">The main objectives of the project are to meet the needs of cryptocurrency projects and users for traditional services, and to provide access to investment product.</h3>
<p class="h6-font mb-3">The protocol uses blockchain technology to ensure the transparency and addressability of transactions. The SpaceMax solution also includes mechanism for ICT creation and a platform that allows projects to raise funds.</p>
<div class="d-flex align-items-center justify-content-center justify-content-lg-start">
<a class="lightbox d-flex align-items-center" data-autoplay="true" data-vbtype="video" href="https://www.youtube.com/watch?v=aRh_eUQSmIg">
<span class="btn btn-media btn-media-size--sm btn-bg--cta--1 rounded--full mr-1"> <i class="icon icon-triangle-right"></i></span>
<span class="font-w--700 color--white">Watch our video</span>
</a>
</div>
</div>
</div>

<div class="col-12 col-lg-5 col-xl-6 mb-6 mb-lg-0">
<picture class="about__image reveal">
<img src="img/illustration-03.png" alt="illustration" class="img-fluid">
</picture>
</div>

</div>

<div class="row">
<div class="col-12">
<div class="logo-group justify-content-xl-between">
<a href="#" class="logo-group__image mr-lg-0 ml-lg-0 reveal">
<img src="img/directory-site-logo-1.png" alt="directory-site-logo" class="img-fluid">
</a>
<a href="#" class="logo-group__image mr-lg-0 ml-lg-0 reveal">
<img src="img/directory-site-logo-2.png" alt="directory-site-logo" class="img-fluid">
</a>
<a href="#" class="logo-group__image mr-lg-0 ml-lg-0 reveal">
<img src="img/directory-site-logo-3.png" alt="directory-site-logo" class="img-fluid">
</a>
<a href="#" class="logo-group__image mr-lg-0 ml-lg-0 reveal">
<img src="img/directory-site-logo-4.png" alt="directory-site-logo" class="img-fluid">
</a>
<a href="#" class="logo-group__image mr-lg-0 ml-lg-0 reveal">
<img src="img/directory-site-logo-5.png" alt="directory-site-logo" class="img-fluid">
</a>
</div>
</div>
</div>

</div>
</section>


<section class="space--top pb-6 section--dark bg-color--dark--2">
<div class="container">
<div class="row">
<div class="col-12">
<div class="text-center text-lg-left mb-5 mb-lg-6 reveal">
<h2 class="h3-font">Main problem of the <br> current market?</h2>
</div>
</div>
</div>

<div class="row pb-6">
<div class="col-12 col-lg-6 reveal">
<ul class="pl-2">
<li class="color--primary mb-3 h5-font">
<h3 class="h5-font font-w--600 mb-1">Lack of transparency</h3>
<p class="h6-font">Up to 60% of the young generation admits that transparency influences their decision to donate.</p>
</li>
<li class="color--primary mb-3 h5-font">
<h3 class="h5-font font-w--600 mb-1">Expensive admin costs</h3>
<p class="h6-font">High marketing upfront costs and fund transfer commissions make smaller charities difficult to maintain.</p>
</li>
<li class="color--primary mb-3 h5-font">
<h3 class="h5-font font-w--600">Managing a portfolio</h3>
<p class="h6-font">Large portfolios are hard to manage because of low liquidity, slippage and high transaction costs.</p>
</li>
</ul>
</div>

<div class="col-12 col-lg-6 reveal">
<div class="bg-color--dark--1 border--around p-3 rounded--10">
<h3 class="mb-2">Our solution</h3>
<p class="h6-font">We have built smart contracts that release ICO funds to the project only following the decision of its token buyers once the project meets its milestones.
<br>
<br> To create a transparent, decentralized infrastructure, where one can track the targeted use of funds. Thanks to the W12 protocol, any party can create a SpaceMax organization of the type they need, set up its roadmap
and determine the use of funds. Each participant will be able to track and control funds, and assess the impact of the contribution.</p>
</div>
</div>

</div>

<hr class="border--bottom">
</div>
</section>


<section class="pb-3 pb-lg-10 section--dark bg-color--dark--2">
<div class="container">
<div class="row justify-content-between">
<div class="col-12 col-md-6 col-lg-5">
<div class="d-lg-flex mb-4 text-center text-md-left reveal">
<span class="mb-3 mb-lg-0 mr-md-3 mt-lg-1">
<img src="img/icon-line-fund.png" alt="icon">
</span>
<div>
<h3 class="h5-font font-w--600 mb-1">Fund administration</h3>
<p>The fund is started in literally several minutes with minimal costs using blockchain-based infrastructure that supports.</p>
</div>
</div>
</div>

<div class="col-12 col-md-6 col-lg-5">
<div class="d-lg-flex mb-4 text-center text-md-left reveal">
<span class="mb-3 mb-lg-0 mr-md-3 mt-lg-1">
<img src="img/icon-line-scam.png" alt="icon">
</span>
<div>
<h3 class="h5-font font-w--600 mb-1">SCAM detection</h3>
<p>Large portfolios are hard to manage because of low liquidity, slippage and high transaction costs.</p>
</div>
</div>
</div>

<div class="col-12 col-md-6 col-lg-5">
<div class="d-lg-flex mb-4 text-center text-md-left reveal">
<span class="mb-3 mb-lg-0 mr-md-3 mt-lg-1">
<img src="img/icon-line-decentralized.png" alt="icon">
</span>
<div>
<h3 class="h5-font font-w--600 mb-1">Decentralized infrastructure</h3>
<p>Large portfolios are hard to manage because of low liquidity, slippage and high transaction costs.</p>
</div>
</div>
</div>

<div class="col-12 col-md-6 col-lg-5">
<div class="d-lg-flex mb-4 text-center text-md-left reveal">
<span class="mb-3 mb-lg-0 mr-md-3 mt-lg-1">
<img src="img/icon-line-more.png" alt="icon">
</span>
<div>
<h3 class="h5-font font-w--600 mb-1">And much more</h3>
<p>Large portfolios are hard to manage because of low liquidity, slippage and high transaction costs.</p>
</div>
</div>
</div>

</div>

</div>
</section>


<section class="space process process--v1 section--dark bg-color--dark--1 hidden" id="working-process">
<div class="background-holder background--bottom background--contain background--move">
<img src="img/layout/bg-overlay-08.jpg" alt="image" class="background-image-holder">
</div>

<div class="container">
<div class="row">
<div class="col-12 col-sm-10 col-md-8 mx-auto">
<div class="text-center mb-5 reveal">
<h2 class="h3-font mb-2">How it works?</h2>
<p class="h6-font">Participants of the SpaceMax platform interact with each other within a global ecosystem. SpaceMax Token (INT) is a means of creating economic incentives to reward platform members. INT acts as the main component enabling SpaceMax
Consensus between participants.</p>
</div>
</div>
</div>

<div class="row">
<div class="col-12 text-center">
<div class="position-relative mt-xl-10 reveal">
<div class="pos-abs-center d-none d-lg-block">
<img src="img/layout/process-light.svg" alt="process" class="svg process__circle d-inline-block">
<img src="img/brand-logo-icon.png" alt="brand-logo" class="pos-abs-center">
</div>

<div class="d-sm-flex justify-content-between ml-6 ml-sm-0">
<div class="options options--left text-left remove-space--bottom">
<div class="option mb-3 mb-sm-10">
<h3 class="h6-font text-sm-right text-uppercase font-w--700">Exchange <br>commissions</h3>
<span class="decor decor--light"></span>
</div>
<div class="option mb-3 mb-sm-10">
<h3 class="h6-font text-sm-right text-uppercase font-w--700">Investment <br>platform commissions</h3>
<span class="decor decor--light"></span>
</div>
<div class="option mb-3 mb-sm-10">
<h3 class="h6-font text-sm-right text-uppercase font-w--700">Mining <br>pool commission</h3>
<span class="decor decor--light"></span>
</div>
</div>

<div class="process__circle--mobile position-relative d-none d-sm-flex d-lg-none align-items-center">
<span class="mobile-logo">
<img src="img/brand-logo-icon.png" alt="brand-logo" class="pos-abs-center">
</span>
</div>

<div class="d-flex justify-content-between">
<div class="options options--right text-right remove-space--bottom">
<div class="option mb-3 mb-sm-10">
<h3 class="h6-font text-left text-uppercase font-w--700">Margin <br>trading commissions</h3>
<span class="decor decor--light"></span>
</div>
<div class="option mb-3 mb-sm-10">
<h3 class="h6-font text-left text-uppercase font-w--700">Electronic<br>payment system</h3>
<span class="decor decor--light"></span>
</div>
<div class="option mb-3 mb-sm-10">
<h3 class="h6-font text-left text-uppercase font-w--700">Bank <br>commission</h3>
<span class="decor decor--light"></span>
</div>
</div>

</div>
</div>
</div>
</div>

</div>

<div class="row mt-lg-2">
<div class="col-12 text-center mt-5 mt-lg-10 reveal">
<a href="#" class="btn btn-bg--cta--1 rounded--full btn-hover--splash btn-hover--3d"><span class="btn__text">Join the Whitelist</span></a>
</div>

</div>

</div>
</section>


<section class="space section--dark bg-color--dark--2">
<div class="container">
<div class="row">
<div class="col-12 col-md-9 mx-auto mx-md-0">
<div class="mb-5 mb-lg-7 text-center text-md-left reveal">
<h2 class="h3-font mb-2">Benefits of using SpaceMax</h2>
<p class="h6-font">gives people access to wristbands that allow cashless payments at events, festivals, and venues across borders. During that time, our sample size was three million, one hundred and twenty-nine thousand drivers. According to
our information, this is the largest dataset in the world.</p>
</div>
</div>
</div>

<div class="position-relative remove-space--bottom">
<div class="vertical-border d-flex pos-abs-center h-100 w-100">
<span class="column-border"></span>
</div>
<div class="row horizontal-border justify-content-between mb-lg-5 pb-lg-5 reveal">
<div class="col-12 col-md-6 col-lg-5">
<div class="d-lg-flex mb-4 mb-lg-0 text-center text-md-left">
<span class="mb-3 mb-lg-0 mr-md-3">
<img src="img/icon-decentralized.svg" alt="icon">
</span>
<div>
<h3 class="h5-font font-w--600 text-color--200 mb-2">Decentralized</h3>
<p>We believe it is incredibly important to redistribute this power & profitability, and hand it back over to the people - the real consumers, borrowers and lenders.</p>
</div>
</div>
</div>

<div class="col-12 col-md-6 col-lg-5">
<div class="d-lg-flex mb-4 mb-lg-0 text-center text-md-left">
<span class="mb-3 mb-lg-0 mr-md-3">
<img src="img/icon-p2p.svg" alt="icon">
</span>
<div>
<h3 class="h5-font font-w--600 text-color--200 mb-2">Peer to peer network</h3>
<p>Utilizing the power of the global community and the sharing economy to tear down the barriers and revolutionize the old & inefficient financial systems.</p>
</div>
</div>
</div>

</div>

<div class="row horizontal-border justify-content-between mb-lg-5 pb-lg-5 reveal">
<div class="col-12 col-md-6 col-lg-5">
<div class="d-lg-flex mb-4 mb-lg-0 text-center text-md-left">
<span class="mb-3 mb-lg-0 mr-md-3">
<img src="img/icon-wallet.svg" alt="icon">
</span>
<div>
<h3 class="h5-font font-w--600 text-color--200 mb-2">Multicurrency crypto wallet</h3>
<p>Our crypto wallet function will use the bank's infrastructure for cold storage of funds with bank grade security.</p>
</div>
</div>
</div>

<div class="col-12 col-md-6 col-lg-5">
<div class="d-lg-flex mb-4 mb-lg-0 text-center text-md-left">
<span class="mb-3 mb-lg-0 mr-md-3">
<img src="img/icon-ledger.svg" alt="icon">
</span>
<div>
<h3 class="h5-font font-w--600 text-color--200 mb-2">True value creation</h3>
<p>Using innovation and creativity, our community of architects, developers revolutionaries believe in the creation of a bid meets an ask.</p>
</div>
</div>
</div>

</div>

</div>

</div>
</section>


<section class="space section--dark bg-color--dark--1 token-sale-details token-sale-details--v1" id="token-sale-details">
<div class="container">
<div class="row">
<div class="col-12 col-sm-10 col-md-8 mx-auto reveal">
<div class="text-center mb-5 mb-lg-7 reveal">
<h2 class="h3-font mb-2">Token sale details</h2>
<p class="h6-font">Total amount of INT released is 1,000,000,000. No additional token releases will take place. If all INT available for sale are not purchased, the remaining tokens are destroyed.</p>
</div>
</div>
</div>

<div class="row">
<div class="col-6 col-lg-4 mb-3 reveal">
<div class="card bg-color--black-opacity--15 border--none p-2 p-md-4 w-100">
<span class="body-font font-w--500 mb-1">Ticker</span>
<span class="color--primary h4-font font-w--700">INT</span>
</div>
</div>

<div class="col-6 col-lg-4 mb-3 reveal">
<div class="card bg-color--black-opacity--15 border--none p-2 p-md-4 w-100 h-100">
<span class="body-font font-w--500 mb-1">Platform</span>
<span class="color--primary h4-font font-w--700">Ethereum</span>
</div>
</div>

<div class="col-6 col-lg-4 mb-3 reveal">
<div class="card bg-color--black-opacity--15 border--none p-2 p-md-4 w-100 h-100">
<span class="body-font font-w--500 mb-1">Token Type</span>
<span class="color--primary h4-font font-w--700">ERC20</span>
</div>
</div>

<div class="col-6 col-lg-4 mb-3 reveal">
<div class="card bg-color--black-opacity--15 border--none p-2 p-md-4 w-100 h-100">
<span class="body-font font-w--500 mb-1">Available for sale</span>
<span class="color--primary h4-font font-w--700">1,000,000,000 INT</span>
</div>
</div>

<div class="col-6 col-lg-4 mb-3 reveal">
<div class="card bg-color--black-opacity--15 border--none p-2 p-md-4 w-100 h-100">
<span class="body-font font-w--500 mb-1">ICO Price</span>
<span class="color--primary h4-font font-w--700">0.0002 ETH</span>
</div>
</div>

<div class="col-6 col-lg-4 mb-3 reveal">
<div class="card bg-color--black-opacity--15 border--none p-2 p-md-4 w-100 h-100">
<span class="body-font font-w--500 mb-1">Hard Cap</span>
<span class="color--primary h4-font font-w--700">60 ETH</span>
</div>
</div>

</div>


<div class="bonuses bonuses--v1 bg-color--black-opacity--10 rounded--05 mt-1 mt-md-2">
<div class="row">
<div class="col-12">
<div class="border--bottom pt-4 pb-2 text-center">
<h4 class="font-size--30 font-w--600">Bonuses on a public token sale</h4>
</div>
</div>
</div>

<div class="row py-6 ">
<div class="col-12 col-md-10 col-lg-7 mx-auto d-flex flex-column align-items-center flex-sm-row align-items-sm-end justify-content-center justify-content-md-between text-center">
<div class="text-center mr-1 mr-md-0 mb-3 mb-sm-0 reveal">
<span class="font-size--20 color--primary font-w--700 mb-1">35% Bonus</span>
<div class="position-relative">
<div class="token-progress jsElement" data-top="27">
<span class="token-progress__text font-size--12 color--primary font-w--500">Current progress</span>
<div class="">
<span class="decor"></span>
<span class="line"></span>
</div>
</div>
<img src="img/layout/chart-01.svg" alt="chart" class="svg d-inline-block">
</div>
<span class="font-size--13 font-w--600 color--white mt-2">First 5000 INT</span>
</div>

<div class="text-center mr-1 mr-md-0 mb-3 mb-sm-0 reveal">
<span class="font-size--20 color--primary font-w--700 mb-1">25% Bonus</span>
<div>
 <img src="img/layout/chart-02.svg" alt="chart" class="svg d-inline-block">
</div>
<span class="font-size--13 font-w--600 color--white mt-2">5000 - 10000 INT</span>
</div>

<div class="text-center mr-1 mr-md-0 mb-3 mb-sm-0 reveal">
<span class="font-size--20 color--primary font-w--700 mb-1">15% Bonus</span>
<div>
<img src="img/layout/chart-03.svg" alt="chart" class="svg d-inline-block">
</div>
<span class="font-size--13 font-w--600 color--white mt-2">10000 - 25000 INT</span>
</div>

<div class="text-center reveal">
<span class="font-size--20 color--primary font-w--700 mb-1">5% Bonus</span>
<div>
<img src="img/layout/chart-04.svg" alt="chart" class="svg d-inline-block">
</div>
<span class="font-size--13 font-w--600 color--white mt-2">After 25000 INT</span>
</div>

</div>
</div>
</div>

</div>
</section>


<section class="space token-saleinfo token-saleinfo--v1 section--dark bg-color--dark--2">
<div class="background-holder background--cover background--top opacity--08">
<img src="img/layout/sphere.svg" alt="image" class="background-image-holder">
</div>

<div class="container">
<div class="row">
<div class="col-12 col-sm-10 col-md-8 mx-auto reveal">
<div class="text-center mb-5 mb-lg-7">
<h2 class="h3-font mb-2">Token sale Information</h2>
<p class="h6-font">gives people access to wristbands that allow cashless payments at events, festivals, and venues across borders. During that time, our sample size was three million.</p>
</div>
</div>
</div>

<div class="row">
<div class="col-12 col-lg-8 pr-lg-6 mb-4 mb-lg-0">
<div class="token-saleinfo-dist d-md-flex align-items-md-center reveal">
<div id="pie-chart--v1" class="pie-chart--flat position-relative mx-auto mr-md-3 mb-3 mb-md-0">
<div class="text-center color--primary d-flex flex-column pos-abs-center">
<span class=" font-size--14 font-w--600 mb-1">Total Token Supply</span>
<span class=" font-w--600 mb-1">1,000,000,000</span>
<span class=" font-w--600">INT</span>
</div>
</div>

<div class="content dist-content">
<h3 class="h4-font font-w--600 mb-3">Token Distribution</h3>
<ul class="content-list list-unstyled remove-space--bottom">
<li class="text-color--300 font-w--500 d-flex align-items-center justify-content-between mb-1">
<div class="d-flex align-items-center">
 <span class="oval--md mr-1 jsElement" data-bg-color="#3260ED"></span>
<span class="content-list__name">Token sale participants</span>
</div>
<span class="content-list__value">40%</span>
</li>
<li class="text-color--300 font-w--500 d-flex align-items-center justify-content-between mb-1">
<div class="d-flex align-items-center">
<span class="oval--md mr-1 jsElement" data-bg-color="#8CA8FF"></span>
<span class="content-list__name">Founders and project team</span>
</div>
<span class="content-list__value">30%</span>
</li>
<li class="text-color--300 font-w--500 d-flex align-items-center justify-content-between mb-1">
<div class="d-flex align-items-center">
<span class="oval--md mr-1 jsElement" data-bg-color="#B6BD00"></span>
<span class="content-list__name">Project partners</span>
</div>
<span class="content-list__value">15%</span>
</li>
<li class="text-color--300 font-w--500 d-flex align-items-center justify-content-between mb-1">
<div class="d-flex align-items-center">
<span class="oval--md mr-1 jsElement" data-bg-color="#D65800"></span>
<span class="content-list__name">Operational fund within the project</span>
</div>
<span class="content-list__value">6%</span>
</li>
<li class="text-color--300 font-w--500 d-flex align-items-center justify-content-between mb-1">
<div class="d-flex align-items-center">
<span class="oval--md mr-1 jsElement" data-bg-color="#FFB755"></span>
<span class="content-list__name">Project consultation</span>
</div>
<span class="content-list__value">5%</span>
</li>
<li class="text-color--300 font-w--500 d-flex align-items-center justify-content-between mb-1">
<div class="d-flex align-items-center">
<span class="oval--md mr-1 jsElement" data-bg-color="#F23C42"></span>
<span class="content-list__name">Bounty company</span>
</div>
<span class="content-list__value">4%</span>
</li>
</ul>
</div>

</div>
</div>

<div class="col-12 col-lg-4 ml-auto">
<div class="content allocation-content reveal">
<h3 class="h4-font font-w--600 mb-3">Token Allocation </h3>
<div class="allocation-bar-wrapper bar-chart--v1 position-relative d-flex mb-3">
<div class="bar-portion jsElement" data-bg-color="#8ca8ff" data-progress-horizon="40">
<span data-tooltip="">Core phase of tokens sale 40%</span>
</div>
<div class="bar-portion jsElement" data-bg-color="#3260ed" data-progress-horizon="25">
<span data-tooltip="">Partners and advisors 25%</span>
</div>
<div class="bar-portion jsElement" data-bg-color="#b6bd00" data-progress-horizon="20">
<span data-tooltip="">Project partners 20%</span>
</div>
<div class="bar-portion jsElement" data-bg-color="#d65800" data-progress-horizon="10">
<span data-tooltip="">Operational fund within the project 10%</span>
</div>
<div class="bar-portion jsElement" data-bg-color="#ffb755" data-progress-horizon="5">
<span data-tooltip="">Project consultation 5%</span>
</div>
</div>

<ul class="content-list list-unstyled remove-space--bottom">
<li class="text-color--300 font-w--500 d-flex align-items-center justify-content-between mb-1">
<div class="d-flex align-items-center">
<span class="content-list__name">Core phase of tokens sale</span>
</div>
<span class="content-list__value">40%</span>
</li>
<li class="text-color--300 font-w--500 d-flex align-items-center justify-content-between mb-1">
<div class="d-flex align-items-center">
<span class="content-list__name">Partners and advisors</span>
</div>
<span class="content-list__value">25%</span>
</li>
<li class="text-color--300 font-w--500 d-flex align-items-center justify-content-between mb-1">
<div class="d-flex align-items-center">
<span class="content-list__name">Project partners</span>
</div>
<span class="content-list__value">20%</span>
</li>
<li class="text-color--300 font-w--500 d-flex align-items-center justify-content-between mb-1">
<div class="d-flex align-items-center">
<span class="content-list__name">Operational fund within the project</span>
</div>
<span class="content-list__value">10%</span>
</li>
<li class="text-color--300 font-w--500 d-flex align-items-center justify-content-between mb-1">
<div class="d-flex align-items-center">
<span class="content-list__name">Project consultation</span>
</div>
<span class="content-list__value">5%</span>
</li>
</ul>
</div>

</div>
</div>

</div>
</section>


<section class="space hidden roadmap roadmap--v1 section--dark bg-color--dark--1" id="roadmap">
<div class="container">
<div class="row">
<div class="col-12 col-sm-10 col-md-8 mx-auto reveal">
<div class="text-center mb-sm-5 mb-lg-7">
<h2 class="h3-font mb-2">Company Roadmap</h2>
</div>
</div>
</div>

<div class="row align-items-center pb-7 pb-md-0 reveal">
<div class="col-12 col-xl-1 mx-auto mx-lg-0 text-center">
<ul class="roadmap__year list-unstyled d-xl-flex flex-xl-column">
</ul>
</div>
<div class="col-12 col-xl-9 ml-xl-auto">
<div class="carosuel-slider--v6">
<div class="slide mb-1" data-year="2017">
<div class="d-md-flex align-items-md-center">
<div class="mr-5 pr-5 mr-xl-7 pr-xl-7 mb-3 mb-md-0 position-relative">
<span class="text-color--400 font-w--600 mb-1 opacity--60">2017</span>
<h3 class="slide__title font-size--26 text-color--200 font-w--600">Quarter - 1</h3>
<span class="d-none d-md-inline-block decor decor--square decor--light"></span>
</div>
<ul class="pl-2 pl-md-0">
<li class="text-color--400">
<p class="h6-font">Founders of INT meet to confirm ideas around decentralized travel platform.</p>
</li>
<li class="text-color--400">
<p class="h6-font">Token is tested and ready for release.</p>
</li>
<li class="text-color--400">
<p class="h6-font">Whitepaper available in both English and Chinese.</p>
</li>
<li class="text-color--400">
<p class="h6-font">Sale website optimized.</p>
</li>
<li class="text-color--400">
<p class="h6-font">Web platform and application designed around user accessibility.</p>
</li>
</ul>
</div>
</div>

<div class="slide mb-1" data-year="2017">
<div class="d-md-flex align-items-md-center">
<div class="mr-5 pr-5 mr-xl-7 pr-xl-7 mb-3 mb-md-0 position-relative">
<span class="text-color--400 font-w--600 mb-1 opacity--60">2017</span>
<h3 class="slide__title font-size--26 text-color--200 font-w--600">Quarter - 2</h3>
<span class="d-none d-md-inline-block decor decor--square decor--light"></span>
</div>
<ul class="pl-2 pl-md-0">
<li class="text-color--400">
<p class="h6-font">Listing INT token on exchanges (Approximately 3-month after Main-sale concludes.</p>
</li>
<li class="text-color--400">
<p class="h6-font">Integration of platform in line with blockchain including fiat and cryptocurrency payment methods.</p>
</li>
<li class="text-color--400">
<p class="h6-font">Peer-to-Peer chat option and amalgamation of AI-based dispute system development.</p>
</li>
</ul>
</div>
</div>

<div class="slide mb-1" data-year="2017">
<div class="d-md-flex align-items-md-center">
<div class="mr-5 pr-5 mr-xl-7 pr-xl-7 mb-3 mb-md-0 position-relative">
<span class="text-color--400 font-w--600 mb-1 opacity--60">2017</span>
<h3 class="slide__title font-size--26 text-color--200 font-w--600">Quarter - 3</h3>
<span class="d-none d-md-inline-block decor decor--square decor--light"></span>
</div>
<ul class="pl-2 pl-md-0">
<li class="text-color--400">
<p class="h6-font">Release of IcoNijna beta application and web platform Release Ticket bookings on the platform.</p>
</li>
<li class="text-color--400">
<p class="h6-font">Release V.2 of the IcoNijna platform updated now offering Airlines platform.</p>
</li>
<li class="text-color--400">
<p class="h6-font">Development of Smart contract.</p>
</li>
<li class="text-color--400">
<p class="h6-font">Sale website optimized.</p>
</li>
</ul>
</div>
</div>

<div class="slide mb-1" data-year="2018">
<div class="d-md-flex align-items-md-center">
<div class="mr-5 pr-5 mr-xl-7 pr-xl-7 mb-3 mb-md-0 position-relative">
<span class="text-color--400 font-w--600 mb-1 opacity--60">2018</span>
<h3 class="slide__title font-size--26 text-color--200 font-w--600">Quarter - 1</h3>
<span class="d-none d-md-inline-block decor decor--square decor--light"></span>
</div>
<ul class="pl-2 pl-md-0">
<li class="text-color--400">
<p class="h6-font">Release V.2 of the IcoNijna platform updated now offering Airlines platform.</p>
</li>
<li class="text-color--400">
<p class="h6-font">Integration of platform in line with blockchain including fiat and cryptocurrency payment methods.</p>
</li>
<li class="text-color--400">
<p class="h6-font">Development of ICO personal account.</p>
</li>
<li class="text-color--400">
<p class="h6-font">Beta testing.</p>
</li>
 </ul>
</div>
</div>

<div class="slide mb-1" data-year="2018">
<div class="d-md-flex align-items-md-center">
<div class="mr-5 pr-5 mr-xl-7 pr-xl-7 mb-3 mb-md-0 position-relative">
<span class="text-color--400 font-w--600 mb-1 opacity--60">2018</span>
<h3 class="slide__title font-size--26 text-color--200 font-w--600">Quarter - 2</h3>
<span class="d-none d-md-inline-block decor decor--square decor--light"></span>
</div>
<ul class="pl-2 pl-md-0">
<li class="text-color--400">
<p class="h6-font">Listing INT token on exchanges (Approximately 3-month after Main-sale concludes.</p>
</li>
<li class="text-color--400">
<p class="h6-font">Integration of platform in line with blockchain including fiat and cryptocurrency payment methods.</p>
</li>
<li class="text-color--400">
<p class="h6-font">Peer-to-Peer chat option and amalgamation of AI-based dispute system development.</p>
</li>
</ul>
</div>
</div>

<div class="slide mb-1" data-year="2018">
<div class="d-md-flex align-items-md-center">
<div class="mr-5 pr-5 mr-xl-7 pr-xl-7 mb-3 mb-md-0 position-relative">
<span class="text-color--400 font-w--600 mb-1 opacity--60">2018</span>
<h3 class="slide__title font-size--26 text-color--200 font-w--600">Quarter - 3</h3>
<span class="d-none d-md-inline-block decor decor--square decor--light"></span>
</div>
<ul class="pl-2 pl-md-0">
<li class="text-color--400">
<p class="h6-font">Founders of INT meet to confirm ideas around decentralized travel platform.</p>
</li>
<li class="text-color--400">
<p class="h6-font">Token is tested and ready for release.</p>
</li>
<li class="text-color--400">
<p class="h6-font">Whitepaper available in both English and Chinese.</p>
</li>
<li class="text-color--400">
<p class="h6-font">Sale website optimized.</p>
</li>
<li class="text-color--400">
<p class="h6-font">Web platform and application designed around user accessibility.</p>
</li>
</ul>
</div>
</div>

<div class="slide mb-1" data-year="2019">
<div class="d-md-flex align-items-md-center">
<div class="mr-5 pr-5 mr-xl-7 pr-xl-7 mb-3 mb-md-0 position-relative">
<span class="text-color--400 font-w--600 mb-1 opacity--60">2019</span>
<h3 class="slide__title font-size--26 text-color--200 font-w--600">Quarter - 1</h3>
<span class="d-none d-md-inline-block decor decor--square decor--light"></span>
</div>
<ul class="pl-2 pl-md-0">
<li class="text-color--400">
<p class="h6-font">Release of IcoNijna beta application and web platform Release Ticket bookings on the platform.</p>
</li>
<li class="text-color--400">
<p class="h6-font">Release V.2 of the IcoNijna platform updated now offering Airlines platform.</p>
</li>
<li class="text-color--400">
<p class="h6-font">Development of Smart contract.</p>
</li>
<li class="text-color--400">
<p class="h6-font">Sale website optimized.</p>
</li>
</ul>
</div>
</div>

<div class="slide mb-1" data-year="2019">
<div class="d-md-flex align-items-md-center">
<div class="mr-5 pr-5 mr-xl-7 pr-xl-7 mb-3 mb-md-0 position-relative">
<span class="text-color--400 font-w--600 mb-1 opacity--60">2019</span>
<h3 class="slide__title font-size--26 text-color--200 font-w--600">Quarter - 2</h3>
<span class="d-none d-md-inline-block decor decor--square decor--light"></span>
</div>
<ul class="pl-2 pl-md-0">
<li class="text-color--400">
<p class="h6-font">Release V.2 of the IcoNijna platform updated now offering Airlines platform.</p>
</li>
<li class="text-color--400">
<p class="h6-font">Integration of platform in line with blockchain including fiat and cryptocurrency payment methods.</p>
</li>
<li class="text-color--400">
<p class="h6-font">Development of ICO personal account.</p>
</li>
<li class="text-color--400">
<p class="h6-font">Beta testing.</p>
</li>
</ul>
</div>
</div>

<div class="slide mb-1" data-year="2019">
<div class="d-md-flex align-items-md-center">
<div class="mr-5 pr-5 mr-xl-7 pr-xl-7 mb-3 mb-md-0 position-relative">
<span class="text-color--400 font-w--600 mb-1 opacity--60">2019</span>
<h3 class="slide__title font-size--26 text-color--200 font-w--600">Quarter - 3</h3>
<span class="d-none d-md-inline-block decor decor--square decor--light"></span>
</div>
<ul class="pl-2 pl-md-0">
<li class="text-color--400">
<p class="h6-font">Listing INT token on exchanges (Approximately 3-month after Main-sale concludes.</p>
</li>
<li class="text-color--400">
<p class="h6-font">Integration of platform in line with blockchain including fiat and cryptocurrency payment methods.</p>
</li>
<li class="text-color--400">
<p class="h6-font">Peer-to-Peer chat option and amalgamation of AI-based dispute system development.</p>
</li>
</ul>
</div>
</div>

</div>

</div>
</div>
</div>
</section>


<section class="space section--dark bg-color--dark--2 team team--v1" id="team">
<div class="pb-6 pb-lg-10">
<div class="container">
<div class="row">
<div class="col-12 col-sm-10 col-md-8 mx-auto reveal">
<div class="text-center mb-5 mb-lg-7">
<h2 class="h3-font mb-2">Our team</h2>
</div>
</div>
</div>

<div class="row">
<div class="col-12 col-sm-6 col-md-4 col-lg-3 mb-3">
<div class="card card-hover--3d align-items-center border--none text-center pt-5 reveal">
<img src="img/mamber-11.png" alt="mamber" class="img-fluid">
<div class="card-body align-items-center">
<h3 class="h6-font font-w--600 color--primary">Elizabeth Guzman</h3>
<span class="font-size--14 opacity--80 font-w--500">Founder, CEO</span>
<ul class="list-unstyled d-flex align-items-center justify-content-center text-center mt-2">
<li><a href="#" class="color--primary opacity--70 px-1"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="#" class="color--primary opacity--70 px-1"><i class="fab fa-linkedin-in"></i></a></li>
<li><a href="#" class="color--primary opacity--70 px-1"><i class="fab fa-telegram-plane"></i></a></li>
</ul>
</div>
</div>
</div>

<div class="col-12 col-sm-6 col-md-4 col-lg-3 mb-3">
<div class="card card-hover--3d align-items-center border--none text-center pt-5 reveal">
<img src="img/mamber-2.png" alt="mamber" class="img-fluid">
<div class="card-body align-items-center">
<h3 class="h6-font font-w--600 color--primary">Tom Castro</h3>
<span class="font-size--14 opacity--80 font-w--500">Founder, CTO</span>
<ul class="list-unstyled d-flex align-items-center justify-content-center text-center mt-2">
<li><a href="#" class="color--primary opacity--70 px-1"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="#" class="color--primary opacity--70 px-1"><i class="fab fa-linkedin-in"></i></a></li>
<li><a href="#" class="color--primary opacity--70 px-1"><i class="fab fa-telegram-plane"></i></a></li>
</ul>
</div>
</div>
</div>

<div class="col-12 col-sm-6 col-md-4 col-lg-3 mb-3">
<div class="card card-hover--3d align-items-center border--none text-center pt-5 reveal">
<img src="img/mamber-3.png" alt="mamber" class="img-fluid">
<div class="card-body align-items-center">
<h3 class="h6-font font-w--600 color--primary">Steven Clark</h3>
<span class="font-size--14 opacity--80 font-w--500">Backend developer</span>
<ul class="list-unstyled d-flex align-items-center justify-content-center text-center mt-2">
<li><a href="#" class="color--primary opacity--70 px-1"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="#" class="color--primary opacity--70 px-1"><i class="fab fa-linkedin-in"></i></a></li>
<li><a href="#" class="color--primary opacity--70 px-1"><i class="fab fa-telegram-plane"></i></a></li>
</ul>
</div>
</div>
</div>

<div class="col-12 col-sm-6 col-md-4 col-lg-3 mb-3">
<div class="card card-hover--3d align-items-center border--none text-center pt-5 reveal">
<img src="img/mamber-4.png" alt="mamber" class="img-fluid">
<div class="card-body align-items-center">
<h3 class="h6-font font-w--600 color--primary">Phoebe Watkins</h3>
<span class="font-size--14 opacity--80 font-w--500">CMO</span>
<ul class="list-unstyled d-flex align-items-center justify-content-center text-center mt-2">
<li><a href="#" class="color--primary opacity--70 px-1"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="#" class="color--primary opacity--70 px-1"><i class="fab fa-linkedin-in"></i></a></li>
<li><a href="#" class="color--primary opacity--70 px-1"><i class="fab fa-telegram-plane"></i></a></li>
</ul>
</div>
</div>
</div>

<div class="col-12 col-sm-6 col-md-4 col-lg-3 mb-3">
<div class="card card-hover--3d align-items-center border--none text-center pt-5 reveal">
<img src="img/mamber-1.png" alt="mamber" class="img-fluid">
<div class="card-body align-items-center">
<h3 class="h6-font font-w--600 color--primary">Marcus Moran</h3>
<span class="font-size--14 opacity--80 font-w--500">Co-founder</span>
<ul class="list-unstyled d-flex align-items-center justify-content-center text-center mt-2">
<li><a href="#" class="color--primary opacity--70 px-1"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="#" class="color--primary opacity--70 px-1"><i class="fab fa-linkedin-in"></i></a></li>
<li><a href="#" class="color--primary opacity--70 px-1"><i class="fab fa-telegram-plane"></i></a></li>
</ul>
</div>
</div>
</div>

<div class="col-12 col-sm-6 col-md-4 col-lg-3 mb-3">
<div class="card card-hover--3d align-items-center border--none text-center pt-5 reveal">
<img src="img/mamber-5.png" alt="mamber" class="img-fluid">
<div class="card-body align-items-center">
<h3 class="h6-font font-w--600 color--primary">Lenora Maldonado</h3>
<span class="font-size--14 opacity--80 font-w--500">Co-founder</span>
<ul class="list-unstyled d-flex align-items-center justify-content-center text-center mt-2">
<li><a href="#" class="color--primary opacity--70 px-1"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="#" class="color--primary opacity--70 px-1"><i class="fab fa-linkedin-in"></i></a></li>
<li><a href="#" class="color--primary opacity--70 px-1"><i class="fab fa-telegram-plane"></i></a></li>
</ul>
</div>
</div>
</div>

<div class="col-12 col-sm-6 col-md-4 col-lg-3 mb-3">
<div class="card card-hover--3d align-items-center border--none text-center pt-5 reveal">
<img src="img/mamber-6.png" alt="mamber" class="img-fluid">
<div class="card-body align-items-center">
<h3 class="h6-font font-w--600 color--primary">Elizabeth Guzman</h3>
<span class="font-size--14 opacity--80 font-w--500">Risk management</span>
<ul class="list-unstyled d-flex align-items-center justify-content-center text-center mt-2">
<li><a href="#" class="color--primary opacity--70 px-1"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="#" class="color--primary opacity--70 px-1"><i class="fab fa-linkedin-in"></i></a></li>
<li><a href="#" class="color--primary opacity--70 px-1"><i class="fab fa-telegram-plane"></i></a></li>
</ul>
</div>
</div>
</div>

<div class="col-12 col-sm-6 col-md-4 col-lg-3 mb-3">
<div class="card card-hover--3d align-items-center border--none text-center pt-5 reveal">
<img src="img/mamber-7.png" alt="mamber" class="img-fluid">
<div class="card-body align-items-center">
<h3 class="h6-font font-w--600 color--primary">Ricardo Hogan</h3>
<span class="font-size--14 opacity--80 font-w--500">Blockchain analyst</span>
<ul class="list-unstyled d-flex align-items-center justify-content-center text-center mt-2">
<li><a href="#" class="color--primary opacity--70 px-1"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="#" class="color--primary opacity--70 px-1"><i class="fab fa-linkedin-in"></i></a></li>
<li><a href="#" class="color--primary opacity--70 px-1"><i class="fab fa-telegram-plane"></i></a></li>
</ul>
</div>
</div>
</div>

</div>
</div>
</div>

<div class="container">
<div class="row">
<div class="col-12 col-sm-10 col-md-8 mx-auto">
<div class="text-center mb-5 mb-lg-7">
<h2 class="h3-font mb-2">Advisory Board</h2>
</div>
</div>
</div>

<div class="row">
<div class="col-12 col-sm-6 col-md-4 col-lg-3 mb-3">
<div class="card card-hover--3d align-items-center border--none text-center pt-5 reveal">
<img src="img/mamber-9.png" alt="mamber" class="img-fluid">
<div class="card-body align-items-center">
<h3 class="h6-font font-w--600 color--primary">Phoebe Watkins</h3>
<span class="font-size--14 opacity--80 font-w--500">ICO Marketing Expert</span>
<ul class="list-unstyled d-flex align-items-center justify-content-center text-center mt-2">
<li><a href="#" class="color--primary opacity--70 px-1"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="#" class="color--primary opacity--70 px-1"><i class="fab fa-linkedin-in"></i></a></li>
<li><a href="#" class="color--primary opacity--70 px-1"><i class="fab fa-telegram-plane"></i></a></li>
</ul>
</div>
</div>
</div>

<div class="col-12 col-sm-6 col-md-4 col-lg-3 mb-3">
<div class="card card-hover--3d align-items-center border--none text-center pt-5 reveal">
<img src="img/mamber-4.png" alt="mamber" class="img-fluid">
<div class="card-body align-items-center">
<h3 class="h6-font font-w--600 color--primary">Tom Castro</h3>
<span class="font-size--14 opacity--80 font-w--500">Investment Advisor</span>
<ul class="list-unstyled d-flex align-items-center justify-content-center text-center mt-2">
<li><a href="#" class="color--primary opacity--70 px-1"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="#" class="color--primary opacity--70 px-1"><i class="fab fa-linkedin-in"></i></a></li>
<li><a href="#" class="color--primary opacity--70 px-1"><i class="fab fa-telegram-plane"></i></a></li>
</ul>
</div>
</div>
</div>

<div class="col-12 col-sm-6 col-md-4 col-lg-3 mb-3">
<div class="card card-hover--3d align-items-center border--none text-center pt-5 reveal">
<img src="img/mamber-11.png" alt="mamber" class="img-fluid">
<div class="card-body align-items-center">
<h3 class="h6-font font-w--600 color--primary">Steven Clark</h3>
<span class="font-size--14 opacity--80 font-w--500">Entrepreneur</span>
<ul class="list-unstyled d-flex align-items-center justify-content-center text-center mt-2">
<li><a href="#" class="color--primary opacity--70 px-1"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="#" class="color--primary opacity--70 px-1"><i class="fab fa-linkedin-in"></i></a></li>
<li><a href="#" class="color--primary opacity--70 px-1"><i class="fab fa-telegram-plane"></i></a></li>
</ul>
</div>
</div>
</div>

<div class="col-12 col-sm-6 col-md-4 col-lg-3 mb-3">
<div class="card card-hover--3d align-items-center border--none text-center pt-5 reveal">
<img src="img/mamber-12.png" alt="mamber" class="img-fluid">
<div class="card-body align-items-center">
<h3 class="h6-font font-w--600 color--primary">Rena Vega</h3>
<span class="font-size--14 opacity--80 font-w--500">Entrepreneur</span>
<ul class="list-unstyled d-flex align-items-center justify-content-center text-center mt-2">
<li><a href="#" class="color--primary opacity--70 px-1"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="#" class="color--primary opacity--70 px-1"><i class="fab fa-linkedin-in"></i></a></li>
<li><a href="#" class="color--primary opacity--70 px-1"><i class="fab fa-telegram-plane"></i></a></li>
</ul>
</div>
</div>
</div>

<div class="col-12 col-sm-6 col-md-4 col-lg-3 mb-3">
<div class="card card-hover--3d align-items-center border--none text-center pt-5 reveal">
<img src="img/mamber-13.png" alt="mamber" class="img-fluid">
<div class="card-body align-items-center">
<h3 class="h6-font font-w--600 color--primary">Marcus Moran</h3>
<span class="font-size--14 opacity--80 font-w--500">Co-founder</span>
<ul class="list-unstyled d-flex align-items-center justify-content-center text-center mt-2">
<li><a href="#" class="color--primary opacity--70 px-1"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="#" class="color--primary opacity--70 px-1"><i class="fab fa-linkedin-in"></i></a></li>
<li><a href="#" class="color--primary opacity--70 px-1"><i class="fab fa-telegram-plane"></i></a></li>
</ul>
</div>
</div>
</div>

<div class="col-12 col-sm-6 col-md-4 col-lg-3 mb-3">
<div class="card card-hover--3d align-items-center border--none text-center pt-5 reveal">
<img src="img/mamber-14.png" alt="mamber" class="img-fluid">
<div class="card-body align-items-center">
<h3 class="h6-font font-w--600 color--primary">Lenora Maldonado</h3>
<span class="font-size--14 opacity--80 font-w--500">Entrepreneur</span>
<ul class="list-unstyled d-flex align-items-center justify-content-center text-center mt-2">
<li><a href="#" class="color--primary opacity--70 px-1"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="#" class="color--primary opacity--70 px-1"><i class="fab fa-linkedin-in"></i></a></li>
<li><a href="#" class="color--primary opacity--70 px-1"><i class="fab fa-telegram-plane"></i></a></li>
</ul>
 </div>
</div>
</div>

<div class="col-12 col-sm-6 col-md-4 col-lg-3 mb-3">
<div class="card card-hover--3d align-items-center border--none text-center pt-5 reveal">
<img src="img/mamber-15.png" alt="mamber" class="img-fluid">
<div class="card-body align-items-center">
<h3 class="h6-font font-w--600 color--primary">Elizabeth Guzman</h3>
<span class="font-size--14 opacity--80 font-w--500">ICO Marketing Expert</span>
<ul class="list-unstyled d-flex align-items-center justify-content-center text-center mt-2">
<li><a href="#" class="color--primary opacity--70 px-1"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="#" class="color--primary opacity--70 px-1"><i class="fab fa-linkedin-in"></i></a></li>
<li><a href="#" class="color--primary opacity--70 px-1"><i class="fab fa-telegram-plane"></i></a></li>
</ul>
</div>
</div>
</div>

<div class="col-12 col-sm-6 col-md-4 col-lg-3 mb-3">
<div class="card card-hover--3d align-items-center border--none text-center pt-5 reveal">
<img src="img/mamber-16.png" alt="mamber" class="img-fluid">
<div class="card-body align-items-center">
<h3 class="h6-font font-w--600 color--primary">Ricardo Hogan</h3>
<span class="font-size--14 opacity--80 font-w--500">Blockchain analyst</span>
<ul class="list-unstyled d-flex align-items-center justify-content-center text-center mt-2">
<li><a href="#" class="color--primary opacity--70 px-1"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="#" class="color--primary opacity--70 px-1"><i class="fab fa-linkedin-in"></i></a></li>
<li><a href="#" class="color--primary opacity--70 px-1"><i class="fab fa-telegram-plane"></i></a></li>
</ul>
</div>
</div>
</div>

</div>
</div>

</section>


<section class="section--dark bg-color--dark--1">
<div class="space--top documents documents--v1" id="documents">
<div class="container">
<div class="row">
<div class="col-12 col-sm-10 col-md-8">
<div class="text-center text-sm-left mb-5 mb-lg-7 reveal">
<h2 class="h3-font mb-2">Documents</h2>
</div>
</div>
</div>

<div class="row">
<div class="col-12 col-sm-6 col-md-6 col-lg-3 mb-3 mb-lg-0">
<div class="card border--none align-items-center text-center pb-2 pt-5 reveal">
<a href="#">
<img src="img/pdf-01.png" alt="pdf">
</a>
<div class="card-body align-items-center pt-1">
<a href="#">
<h3 class="card-title h6-font font-w--600 color--white mb-0">White Paper</h3>
 </a>
</div>
<div class="card-download d-flex flex-column align-items-center justify-content-center align-items-center pos-abs-center h-100 w-100 z-index1 p-2 pb-3">
<span class="h5-font font-w--700 mb-2">Download</span>
<div>
<a href="#" class="font-w--600 font-size--15 color--white"><span>EN</span></a>
<a href="#" class="font-w--600 font-size--15 color--white"><span>RU</span></a>
<a href="#" class="font-w--600 font-size--15 color--white"><span>ES</span></a>
</div>
</div>

</div>
</div>

<div class="col-12 col-sm-6 col-md-6 col-lg-3 mb-3 mb-lg-0">
<div class="card border--none align-items-center text-center pb-2 pt-5 reveal">
<a href="#">
<img src="img/pdf-02.png" alt="pdf">
</a>
<div class="card-body align-items-center pt-1">
<a href="#">
<h3 class="card-title h6-font font-w--600 color--white mb-0">One Pager</h3>
</a>
</div>
<div class="card-download d-flex flex-column align-items-center justify-content-center align-items-center pos-abs-center h-100 w-100 z-index1 p-2 pb-3">
<span class="h5-font font-w--700 mb-2">Download</span>
<div>
<a href="#" class="font-w--600 font-size--15 color--white"><span>EN</span></a>
<a href="#" class="font-w--600 font-size--15 color--white"><span>RU</span></a>
<a href="#" class="font-w--600 font-size--15 color--white"><span>ES</span></a>
</div>
</div>

</div>
</div>

<div class="col-12 col-sm-6 col-md-6 col-lg-3 mb-3 mb-lg-0">
<div class="card border--none align-items-center text-center pb-2 pt-5 reveal">
<a href="#">
<img src="img/pdf-03.png" alt="pdf">
</a>
<div class="card-body align-items-center pt-1">
<a href="#">
<h3 class="card-title h6-font font-w--600 color--white mb-0">Presentation</h3>
</a>
</div>
<div class="card-download d-flex flex-column align-items-center justify-content-center align-items-center pos-abs-center h-100 w-100 z-index1 p-2 pb-3">
<span class="h5-font font-w--700 mb-2">Download</span>
<div>
<a href="#" class="font-w--600 font-size--15 color--white"><span>EN</span></a>
<a href="#" class="font-w--600 font-size--15 color--white"><span>RU</span></a>
<a href="#" class="font-w--600 font-size--15 color--white"><span>ES</span></a>
</div>
</div>
 
</div>
</div>

<div class="col-12 col-sm-6 col-md-6 col-lg-3 mb-3 mb-lg-0">
<div class="card border--none align-items-center text-center pb-2 pt-5 reveal">
<a href="#">
<img src="img/pdf-04.png" alt="pdf">
</a>
<div class="card-body align-items-center pt-1">
<a href="#">
<h3 class="card-title h6-font font-w--600 color--white mb-0">Token Sale Terms</h3>
</a>
</div>
<div class="card-download d-flex flex-column align-items-center justify-content-center align-items-center pos-abs-center h-100 w-100 z-index1 p-2 pb-3">
<span class="h5-font font-w--700 mb-2">Download</span>
<div>
<a href="#" class="font-w--600 font-size--15 color--white"><span>EN</span></a>
<a href="#" class="font-w--600 font-size--15 color--white"><span>RU</span></a>
<a href="#" class="font-w--600 font-size--15 color--white"><span>ES</span></a>
</div>
</div>

</div>
</div>

</div>

</div>

</div>

<div class="space faq faq--v1" id="faq">
<div class="container">
<div class="row">
<div class="col-12 col-lg-4">
<div class="text-center text-sm-left mb-5 mb-lg-7 reveal">
<h2 class="h3-font mb-2">Frequently <br> asked questions</h2>
</div>
</div>

<div class="col-12 col-lg-8">
<div class="accordion accordion--v1 remove-space--bottom reveal" id="accordion1">
<div class="card mb-1">
<button class="btn btn-header btn-link" type="button" data-toggle="collapse" data-target="#collapse1" aria-expanded="true" aria-controls="collapse1">
<span class="h6-font text-color--200 text-left font-w--600">What is Cyrpto SpaceMax token?</span>
<i class="icon icon-up-arrow"></i>
</button>
<div id="collapse1" class="collapse show" data-parent="#accordion1">
<div class="card-body pl-3">
<p>Our product solves crucial problems of such giant services as Foursquare & Swarm, Groupon, and Tripadvisor. Millenial travelers don’t possess any more countless hours for preparing the trip itinerary (reading
Tripadvisor). Business travelers, in particular, complain they are having maximum 2 to 5 free hours during their work trips, which they don’t want to spend on researching what is worth doing around.</p>
</div>
</div>
</div>

<div class="card mb-1">
 <button class="btn btn-header btn-link collapsed" type="button" data-toggle="collapse" data-target="#collapse2" aria-expanded="false" aria-controls="collapse2">
<span class="h6-font text-color--200 text-left font-w--600">Do we already have an application?</span>
<i class="icon icon-up-arrow"></i>
</button>
<div id="collapse2" class="collapse" data-parent="#accordion1">
<div class="card-body pl-3">
<p>Our product solves crucial problems of such giant services as Foursquare & Swarm, Groupon, and Tripadvisor. Millenial travelers don’t possess any more countless hours for preparing the trip itinerary (reading
Tripadvisor). Business travelers, in particular, complain they are having maximum 2 to 5 free hours during their work trips, which they don’t want to spend on researching what is worth doing around.</p>
</div>
</div>
</div>

<div class="card mb-1">
<button class="btn btn-header btn-link collapsed" type="button" data-toggle="collapse" data-target="#collapse3" aria-expanded="false" aria-controls="collapse3">
<span class="h6-font text-color--200 text-left font-w--600">Why blockchain?</span>
<i class="icon icon-up-arrow"></i>
</button>
<div id="collapse3" class="collapse" data-parent="#accordion1">
<div class="card-body pl-3">
<p>Our product solves crucial problems of such giant services as Foursquare & Swarm, Groupon, and Tripadvisor. Millenial travelers don’t possess any more countless hours for preparing the trip itinerary (reading
Tripadvisor). Business travelers, in particular, complain they are having maximum 2 to 5 free hours during their work trips, which they don’t want to spend on researching what is worth doing around.</p>
</div>
</div>
</div>

<div class="card mb-1">
<button class="btn btn-header btn-link collapsed" type="button" data-toggle="collapse" data-target="#collapse4" aria-expanded="false" aria-controls="collapse4">
<span class="h6-font text-color--200 text-left font-w--600">When is the SpaceMax token going to be transferable?</span>
<i class="icon icon-up-arrow"></i>
</button>
<div id="collapse4" class="collapse" data-parent="#accordion1">
<div class="card-body pl-3">
<p>Our product solves crucial problems of such giant services as Foursquare & Swarm, Groupon, and Tripadvisor. Millenial travelers don’t possess any more countless hours for preparing the trip itinerary (reading
Tripadvisor). Business travelers, in particular, complain they are having maximum 2 to 5 free hours during their work trips, which they don’t want to spend on researching what is worth doing around.</p>
</div>
</div>
</div>

 <div class="card mb-1">
<button class="btn btn-header btn-link collapsed" type="button" data-toggle="collapse" data-target="#collapse5" aria-expanded="false" aria-controls="collapse5">
<span class="h6-font text-color--200 text-left font-w--600">In what currency will the funds be collected?</span>
<i class="icon icon-up-arrow"></i>
</button>
<div id="collapse5" class="collapse" data-parent="#accordion1">
<div class="card-body pl-3">
<p>Our product solves crucial problems of such giant services as Foursquare & Swarm, Groupon, and Tripadvisor. Millenial travelers don’t possess any more countless hours for preparing the trip itinerary (reading
Tripadvisor). Business travelers, in particular, complain they are having maximum 2 to 5 free hours during their work trips, which they don’t want to spend on researching what is worth doing around.</p>
</div>
</div>
</div>

<div class="card mb-1">
<button class="btn btn-header btn-link collapsed" type="button" data-toggle="collapse" data-target="#collapse6" aria-expanded="false" aria-controls="collapse6">
<span class="h6-font text-color--200 text-left font-w--600">Where can I store INT token?</span>
<i class="icon icon-up-arrow"></i>
</button>
<div id="collapse6" class="collapse" data-parent="#accordion1">
<div class="card-body pl-3">
<p>Our product solves crucial problems of such giant services as Foursquare & Swarm, Groupon, and Tripadvisor. Millenial travelers don’t possess any more countless hours for preparing the trip itinerary (reading
Tripadvisor). Business travelers, in particular, complain they are having maximum 2 to 5 free hours during their work trips, which they don’t want to spend on researching what is worth doing around.</p>
</div>
</div>
</div>

</div>
</div>
</div>

</div>

</div>

</section>


<section class="space section--dark bg-color--dark--2 border--bottom switchable d-lg-flex align-items-md-center">
<div class="col-12 col-lg-6 mb-40 mb-lg-0 text-center mb-3 reveal">
<picture class="switchable__image">
<img src="img/device-mockup.png" alt="image" class="img-fluid">
</picture>
</div>

<div class="switchable__content">
<div class="container">
<div class="row">
<div class="col-12 ml-md-auto">
<div class="mb-4 text-center text-sm-left reveal">
<h2 class="h3-font mb-1">Analytics in your pocket now!</h2>
<p class="h6-font">Login to the SpaceMax App and use ETH from your Eidoo wallet to buy INT tokens and get hardware rewards.</p>
</div>

<ul class="pl-2 mb-6 text-left reveal">
<li class="text-color--300 mb-1">
<p>Send and receive INT</p>
</li>
<li class="text-color--300 mb-1">
<p>Create child profiles</p>
</li>
<li class="text-color--300 mb-1">
<p>Build family networks by inviting trusted family members</p>
</li>
<li class="text-color--300 mb-1">
<p>View their own personal balance and compare its market value </p>
</li>
<li class="text-color--300 mb-1">
<p>Transfer to exchanges to convert to other currencies</p>
</li>
<li class="text-color--300 mb-1">
<p>See notifications from across the family network</p>
</li>
</ul>

<div class="button-group d-flex flex-column flex-sm-row align-items-center reveal">
<div class="d-flex flex-column align-items-center mb-2">
<a href="#" class="btn btn-bg--primary btn-border--width--2 rounded--full color--white btn-hover--splash">
<span class="btn__text">Download Now</span>
</a>
<span class="text-color--500 mt-2">Available for any OS</span>
</div>
<div class="ml-sm-3 mb-sm-7">
<a class="lightbox h6-font color--primary d-flex align-items-center justify-content-center" data-autoplay="true" data-vbtype="video" href="https://www.youtube.com/watch?v=aRh_eUQSmIg">
<i class="icon icon-button-circle-play color--primary font-size--26"></i>
<span class="ml-1 font-w--700">Watch our video</span></a>
</div>
</div>

</div>
</div>
</div>
</div>

</section>


<section class="space--top pb-4 section--dark bg-color--dark--2">
<div class="background-holder opacity--05">
<img src="img/layout/bg-overlay-04.png" alt="image" class="background-image-holder">
</div>

<div class="container">
<div class="row">
<div class="col-12 col-sm-10 col-md-8 mx-auto">
<div class="text-center mb-5 mb-lg-6 reveal">
<h2 class="h3-font mb-2">Our partners</h2>
</div>
</div>

</div>

<div class="position-relative reveal">
<div class="vertical-border d-flex pos-abs-center h-100 w-100">
<span class="column-border"></span>
<span class="column-border"></span>
<span class="column-border"></span>
</div>
<div class="row horizontal-border text-center mb-lg-6 pb-lg-6 d-flex align-items-center">
<div class="col-12 col-sm-6 col-lg-3 mb-5 mb-lg-0">
<span><img src="img/partner-logo-v2-1.png" alt="partner-logo" class="img-fluid"></span>
</div>

<div class="col-12 col-sm-6 col-lg-3 mb-5 mb-lg-0">
<span><img src="img/partner-logo-v2-2.png" alt="partner-logo" class="img-fluid"></span>
</div>

<div class="col-12 col-sm-6 col-lg-3 mb-5 mb-lg-0">
<span><img src="img/partner-logo-v2-3.png" alt="partner-logo" class="img-fluid"></span>
</div>

<div class="col-12 col-sm-6 col-lg-3 mb-5 mb-lg-0">
<span><img src="img/partner-logo-v2-4.png" alt="partner-logo" class="img-fluid"></span>
</div>

</div>

<div class="row horizontal-border text-center mb-lg-6 pb-lg-6 d-flex align-items-center">
<div class="col-12 col-sm-6 col-lg-3 mb-5 mb-lg-0">
<span><img src="img/partner-logo-v2-5.png" alt="partner-logo" class="img-fluid"></span>
</div>

<div class="col-12 col-sm-6 col-lg-3 mb-5 mb-lg-0">
<span><img src="img/partner-logo-v2-6.png" alt="partner-logo" class="img-fluid"></span>
</div>

<div class="col-12 col-sm-6 col-lg-3 mb-5 mb-lg-0">
<span><img src="img/partner-logo-v2-7.png" alt="partner-logo" class="img-fluid"></span>
</div>

<div class="col-12 col-sm-6 col-lg-3 mb-5 mb-lg-0">
<span><img src="img/partner-logo-v2-8.png" alt="partner-logo" class="img-fluid"></span>
</div>

</div>

<div class="row horizontal-border text-center mb-lg-6 pb-lg-6 d-flex align-items-center">
<div class="col-12 col-sm-6 col-lg-3 mb-5 mb-lg-0">
<span><img src="img/partner-logo-v2-9.png" alt="partner-logo" class="img-fluid"></span>
</div>

<div class="col-12 col-sm-6 col-lg-3 mb-5 mb-lg-0">
<span><img src="img/partner-logo-v2-10.png" alt="partner-logo" class="img-fluid"></span>
</div>

<div class="col-12 col-sm-6 col-lg-3 mb-5 mb-lg-0">
<span><img src="img/partner-logo-v2-11.png" alt="partner-logo" class="img-fluid"></span>
</div>

<div class="col-12 col-sm-6 col-lg-3 mb-5 mb-lg-0">
<span><img src="img/partner-logo-v2-12.png" alt="partner-logo" class="img-fluid"></span>
</div>

</div>

</div>

</div>
</section>



<div class="height-emulator d-none d-lg-block"></div>


<footer class="footer footer--fixed section--dark bg-color--dark--3">
<div class="border--bottom pt-4 pb-4">
<div class="container">
<div class="row align-items-center text-center text-lg-left">
<div class="col-12 col-lg-6 mb-2 mb-lg-0">
<h3 class="font-size--30 mb-2 mb-md-0">Subscribe and stay updated!</h3>
</div>

<div class="col-12 col-lg-6 ml-md-auto pl-lg-4 pl-xl-0">
<div class="newsletter-form form--v1 d-lg-flex align-items-lg-center justify-content-lg-between">
<form action="#" class="form">
<div class="input-group input-group--rounded d-flex">
<input type="email" class="form-control" placeholder="Enter your email">
<button class="btn btn-bg--primary rounded--full btn-hover--splash" type="submit"><span class="btn__text">Join Now</span></button>
</div>
</form>
</div>

</div>

</div>

</div>
</div>

<div class="py-6 py-lg-10 ">
<div class="container">
<div class="row">
<div class="col-12 col-md-10 col-lg-6 col-xl-5 mx-auto mb-4 mb-lg-0 text-center text-lg-left">
<span class="mb-2">
<img src="img/brand-logo-white.png" alt="brand-logo">
</span>
<p class="text-color--300">The main objectives of the project are to meet the needs of cryptocurrency projects and users for traditional services, and to provide access to investment product.</p>
</div>

<div class="col-12 col-lg-6 ml-lg-auto text-center text-lg-right">
<ul class="icon-group icon-rounded icon-rounded-color--gray justify-content-center justify-content-lg-end mb-2 mb-lg-2">
<li><a href="#" class="text-color--300"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="#" class="text-color--300"><i class="fab fa-telegram-plane"></i></a></li>
<li><a href="#" class="text-color--300"><i class="fab fa-linkedin-in"></i></a></li>
<li><a href="#" class="text-color--300"><i class="fab fa-twitter"></i></a></li>
<li><a href="#" class="text-color--300"><i class="fab fa-medium-m"></i></a></li>
<li><a href="#" class="text-color--300"><i class="fab fa-bitcoin"></i></a></li>
<li><a href="#" class="text-color--300"><i class="fab fa-youtube"></i></a></li>
</ul>

<ul class="list-unstyled d-flex flex-wrap justify-content-center justify-content-lg-end remove-space--x">
<li class="mx-2 ml-lg-2"><a href="#" class="body-font text-color--300">Terms & Conditions</a></li>
<li class="mx-2 ml-lg-2"><a href="#" class="body-font text-color--300">Privacy Policy</a></li>
<li class="mx-2 ml-lg-2"><a href="#" class="body-font text-color--300">Cookie Preferences</a></li>
</ul>

<p class="text-color--400 font-size--14">© 2018 <a href="#" class="text-color--400">SpaceMax</a>. All Rights Reserved.</p>
</div>

</div>

</div>

</div>

</footer>

</main>
<script src="js/plugins.min.js"></script>
<script src="js/app.js"></script>
</body>
</html>